<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>拍拍官网首页</title>
		<script src="__STATIC__/Index/js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="__STATIC__/Index/js/car.js" type="text/javascript" charset="utf-8"></script>
		<!--载入首页的css-->
		<link rel="stylesheet" type="text/css" href="__STATIC__/Index/css/index.css"/>
		<link rel="stylesheet" type="text/css" href="__STATIC__/Index/css/hover-min.css"/>
	</head>
	<body>
		<!--顶部头部开始-->
		<include file="__VIEW__/Common/header"/>
		<!--顶部头部结束-->
		<!--中间第一屏区域开始-->
		<div id="centre1">
			<!--导航横条开始-->
			<div class="centre1_top">
				<h2 class="cen_tit">全部分类</h2>
				
				<ul>
				<foreach from="$allData" key="$k" value="$v">
						<li><a href="{|U:'List/index'}" target="_blank" >{$v.cname}</a></li>
				</foreach>
				</ul>
			</div>
			<!--导航横条结束-->
			<!--全部分类左侧开始-->
			<div class="cen_menu">
				
				<ul class="cen_menu_ul">
					<!--分类循环开始-->
					<foreach from="$allData" key="$k" value="$v">
						<li class="menu_on">
							<i class="cen_ico1 ico1 ico1_{$k}"></i>
						
							<span class=""><a href="javascript:;">{$v.cname}</a></span>
							<i class="cen_ico2"></i>
							<!-- 左侧二级菜单开始 -->
							
							<div class="twoa twoa_{$k}">
								<foreach from="$v.son" key="$kk" value="$vv">
									<ul class="two1_1">
									<p><a class="two1_2" href="javascript:;">{$vv.cname}</a></p>
								<foreach from="$vv.sons" key="$k3" value="$v3">
									<li><a  href="{|U:'List/index',array('cid'=>$v3['cid'])}"  <if value="$v3['is_hot'] eq 1">style="color:#F36;"</if>>{$v3.cname}</a></li></foreach>
								</ul>
							</foreach>
						</div>
						
						<!-- 一栏 -->
						<!-- 左侧二级菜单结束 -->
						</li>
					</foreach>	
					<!--分类循环结束-->
					<!--二级位置开始-->
					<!--二级位置结束-->
					
				</ul>
				
			</div>
			<!--全部分类左侧结束-->
			<!--中间轮播开始-->
			<div class="con_middle">
				<a href="" style="display: block;"><img class="con_img" src="__STATIC__/Index/images/0.jpg"/></a>
				<a href=""><img class="con_img" src="__STATIC__/Index/images/6.jpg"/></a>
				<a href=""><img class="con_img" src="__STATIC__/Index/images/index_103351796.jpg"/></a>
				<a href=""><img class="con_img" src="__STATIC__/Index/images/index_123.jpg"/></a>
				<!-- 列表区域开始 -->
				<ul class="con_ul">
		    		<li style="background:#F54D53;"></li>
		    		<li></li>
		    		<li></li>
		    		<li></li>
		    	</ul>
		    	<!-- 列表区域结束 -->
			</div>
			<!--中间轮播结束-->
			<!--第三块商品广告图片开始-->
			<div class="promo">
				<div class="promo1"> 
					<ul>
						<li class="hvr-buzz"><a href=""><img src="__STATIC__/Index/images/55e511ccNf70b9f35.jpg"/></a></li>
						<li class="hvr-buzz"><a href=""><img src="__STATIC__/Index/images/index_165x210.jpg"/></a></li>
					</ul>
				</div>
				<!--第三块商品广告图片结束-->
				<!--第四块精选频道开始-->
				<div class="promo_btm">
					<h2>精选频道</h2>
					<ul>
						<foreach from="$selection" key="$k" value="$v">
							<li><a href="{|U:'List/index',array('cid'=>$v['cid'])}">{$v.cname}<span></span></a></li>
						</foreach>
						<img src="__STATIC__/Index/images/pcd_11213270.png"/>
					</ul>
				</div>
			</div>
			<!--第五块精选频道结束-->
			<div class="promo2"> 
				<li class="hvr-wobble-bottom"><a href=""><img src="__STATIC__/Index/images/index_43.jpg" alt="" /></a></li>
				<li class="hvr-wobble-bottom"><a href=""><img src="__STATIC__/Index/images/pcd_a.jpg"/></a></li>
			</div>
		</div>
		<!--中间第一屏区域结束-->
		<!--第一楼-->
		<div class="f f1">
			<!--第一层导航条信息展示开始-->
			<div class="f_hd">
				<h3 class="f_tit f_tit1">
					<span>1F</span>
					<em>香水CLUB</em>
				</h3>
			</div>
			<!--第一层导航条信息展示结束-->
			<!--第二层图片信息开始-->
			<div class="f_bd">
				<div class="f_row f_row1">
					<!--左侧图片开始-->
					<div class="f_col f_col1">
						<!--主要标题图-->
						<div class="f_banner hvr-bounce-in">
							<a href=""><img src="__STATIC__/Index/images/index_123.jpg"/></a>
						</div>
					</div>
					<!--左侧图片结束-->
					<!--中间图片开始-->
					<div class="f_col f_col2">
						<div class="f_promo">
							<ul class="clear">
								<li><a class="hvr-wobble-horizontal" href="" target="_blank"><img src="__STATIC__/Index/images/pcd_115641371.jpg"/></a></li>
								<li><a class="hvr-wobble-skew" href="" target="_blank"><img src="__STATIC__/Index/images/pcd_095005308.jpg"/></a></li>
								
							</ul>
						</div>
					</div>
					<!--中间图片结束-->
					<!--右侧图片开始-->
					<div class="f_col f_col3">
						<div class="f_rush">
							<div class="f_rush_item f_rush_item1 clear">
								<div class="f_rush_info f_rush_info1 hvr-bubble-right">
									<p class="f_rush_tit"><a href="" target="_blank">九朵云Cloud9 奇迹韩国马祛疤祛痘抗皱身体可用油霜膏马油面霜 70ML</a></p>
									<p class="f_rush_price f_rush_price_old">
										<span>售价</span>
										<del>
											<i>¥</i>
											<em>75.00</em>
										</del>
									</p>
									<p class="f_rush_price f_rush_price_now">
										<del>
											<i>¥</i>
											<em>75.00</em>
										</del>
									</p>
									<a href="" target="_blank" class="f_rush_act">立即抢
									<i></i></a>
								</div>
								<!--右侧图片-->
								<div class="f_rush_img">
									<a href="" target="_blank"><img src="__STATIC__/Index/images/boss-55E5151F-16F9AA1F55E5151F04010000459805B3.1.jpg"/></a>
								</div>
							</div>
							<div class="f_rush_item f_rush_item2 clear">
								<div class="f_rush_info f_rush_info2 hvr-bubble-left">
									<p class="f_rush_tit"><a href="" target="_blank">莲娜丽姿花样小姐EDP4毫升涂抹香水</a></p>
									<p class="f_rush_price f_rush_price_old">
										<span>售价</span>
										<del>
											<i>¥</i>
											<em>45.00</em>
										</del>
									</p>
									<p class="f_rush_price f_rush_price_now">
										<del>
											<i>¥</i>
											<em>45.00</em>
										</del>
									</p>
									<a href="" target="_blank" class="f_rush_act">立即抢
									<i></i></a>
								</div>
								<!--左侧图片-->
								<div class="f_rush_img">
									<a href="" target="_blank"><img src="__STATIC__/Index/images/boss-55DD0CB3-AACB865655DD0CB3040100003ADE964C.1.jpg"/></a>
								</div>
							</div>
						</div>
					</div>
					<!--右侧图片结束-->
				</div>
				<div class="f_row f_row2">
					<!--香水中间的横排图片开始-->
					<div class="f_star">
						<h3 class="f_star_tit">
							<i></i>
							明星单品
						</h3>
						<div class="f_star_glist">
							<ul class="clear">
								<!--循环li标签6张图片开始-->
								<li>
									<div class="g f_star_g">
										<!--图片-->
										<div class="g_img hvr-float-shadow">
											<a href="{|U:'Content/index',array('gid'=>4)}" target="_blank">
												<img style="width: 160px; height: 160px;" src="__STATIC__/Index/images/boss-561734B8-16F9AA1F561734B8040100004CFE38EE.1.jpg"/>
											</a>
										</div>
										<!--字-->
										<div class="g_info">
											<p class="g_tit"><a href="{|U:'Content/index',array('gid'=>4)}">Esteelauder雅诗兰黛 ANR 特润精华露小棕瓶 10ml</a></p>
											<p class="g_price mod_price">
												<i>¥</i>
												55.00
											</p>
										</div>
									</div>
								</li>
								<!--循环li标签6张图片结束-->
								<!--第六张开始-->
										<li>
									<div class="g f_star_g">
										<!--图片-->
										<div class="g_img">
											<a href="" target="_blank">
												<img style="width: 160px; height: 160px;" src="__STATIC__/Index/images/21.jpg"/>
											</a>
										</div>
										<!--字-->
										<div class="g_info">
											<p class="g_tit"><a href="">Dior迪奥小样 三件套礼盒</a></p>
											<p class="g_price mod_price">
												<i>¥</i>
												89.00
											</p>
										</div>
									</div>
								</li>
										<li>
									<div class="g f_star_g">
										<!--图片-->
										<div class="g_img">
											<a href="" target="_blank">
												<img style="width: 160px; height: 160px;" src="__STATIC__/Index/images/3.jpg"/>
											</a>
										</div>
										<!--字-->
										<div class="g_info">
											<p class="g_tit"><a href="">Dior迪奥小样 三件套礼盒</a></p>
											<p class="g_price mod_price">
												<i>¥</i>
												89.00
											</p>
										</div>
									</div>
								</li>
										<li>
									<div class="g f_star_g">
										<!--图片-->
										<div class="g_img">
											<a href="" target="_blank">
												<img style="width: 160px; height: 160px;" src="__STATIC__/Index/images/41.jpg"/>
											</a>
										</div>
										<!--字-->
										<div class="g_info">
											<p class="g_tit"><a href="">Dior迪奥小样 三件套礼盒</a></p>
											<p class="g_price mod_price">
												<i>¥</i>
												89.00
											</p>
										</div>
									</div>
								</li>
										<li>
									<div class="g f_star_g">
										<!--图片-->
										<div class="g_img">
											<a href="" target="_blank">
												<img style="width: 160px; height: 160px;" src="__STATIC__/Index/images/51.jpg"/>
											</a>
										</div>
										<!--字-->
										<div class="g_info">
											<p class="g_tit"><a href="">Dior迪奥小样 三件套礼盒</a></p>
											<p class="g_price mod_price">
												<i>¥</i>
												89.00
											</p>
										</div>
									</div>
								</li>
										<li>
									<div class="g f_star_g">
										<!--图片-->
										<div class="g_img">
											<a href="" target="_blank">
												<img style="width: 160px; height: 160px;" src="__STATIC__/Index/images/12.jpg"/>
											</a>
										</div>
										<!--字-->
										<div class="g_info">
											<p class="g_tit"><a href="">Dior迪奥小样 三件套礼盒</a></p>
											<p class="g_price mod_price">
												<i>¥</i>
												89.00
											</p>
										</div>
									</div>
								</li>
								<!--第六张末尾-->
							</ul>
						</div>
					</div>
				</div>
				<!--香水中间的横排图片结束-->
				<!--信息分类，妈妈用品 宝贝用品 热门品牌开始-->
				<div class="f_row f_row3">
					<div class="f_keylist">
						<!--妈妈用品-->
						<div class="f_key f_key1">
							<h5 class="f_key_tit">妈妈用品</h5>
							<ul class="f_key_ctn">
								<li><a href="">孕妇装</a></li>
								<li><a href="">孕妇装</a></li>
								<li><a href="">孕妇装</a></li>
								<li><a href="">孕妇装</a></li>
								<li><a href="">孕妇装</a></li>
								<li><a href="">孕妇装</a></li>
								<li><a href="">孕妇装</a></li>
								<li><a href="">孕妇装</a></li>
								<li><a href="">孕妇装</a></li>
								<li><a href="">孕妇装</a></li>
							</ul>
						</div>
						<!--宝贝用品-->
						<div class="f_key f_key2">
							<h5 class="f_key_tit">宝贝用品</h5>
							<ul class="f_key_ctn">
								<li><a href="">孕妇装</a></li>
								<li><a href="">孕妇装</a></li>
								<li><a href="">孕妇装</a></li>
								<li><a href="">孕妇装</a></li>
								<li><a href="">孕妇装</a></li>
								<li><a href="">孕妇装</a></li>
								<li><a href="">孕妇装</a></li>
								<li><a href="">孕妇装</a></li>
								<li><a href="">孕妇装</a></li>
								<li><a href="">孕妇装</a></li>
							</ul>
						</div>
						<!--热门品牌-->
						<div class="f_key f_key_brand f_key3">
							<h5 class="f_key_tit">热门品牌</h5>
							<ul class="f_key_ctn">
								<!--循环li-->
								<foreach from="$brand" key="$k" value="$v">
									<li class="hvr-wobble-vertical"><a href="{|U:'List/index',array('cid'=>$v['cid'])}"><img src="__ROOT__/{$v.logo}"/></a></li>
								</foreach>	
								<!--循环li-->
							</ul>
						</div>
					</div>
				</div>
				<!--信息分类，妈妈用品 宝贝用品 热门品牌结束-->
			</div>
			<!--第二层图片信息结束-->
		</div>
		<!--底部开始-->
		<include file="__VIEW__/Common/footer"/>
		<!--底部结束-->
		<!--有一个回到顶部的样式在公共底部里-->
	<!--<a class="boxs2" href="javascript:;"></a>-->
	<!--<a class="boxs3" href="javascript:;"></a>-->
	<a class="boxs4" href="{|U:'Cart/index'}"></a>
		
		
		
		
		
		
	</body>
</html>
